<script>
export default {
  props: {
    size: {
      typeof: String,
      default: 'small'
    }
  }
}
</script>
<template>
  <button :class="['pt-btn', `pt-btn-${size}`]">
    <slot>按钮</slot>
  </button>
</template>

<style>
.pt-btn {
  border-radius: 4px;
  background: #2483ff;
  color: #fff;
  border: 0;
}
.pt-btn-small {
  padding: 8px 12px;
}
.pt-btn-large {
  padding: 12px 18px;
}
</style>
